<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
        <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <!-- 头部 -->
    <header>
        <nav class="navbar navbar-default" role="navigation">
            <div class="container"> 
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse"
                            data-target="#example-navbar-collapse">
                        <span class="sr-only">切换导航</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="#">
                        <img src="http://www.meweidea.com/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCdz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--17276254841212bad6fb80df8088387e83f060ed/logo1.png" alt="">
                        觅未创意
                    </a>
                </div>
                <div class="collapse navbar-collapse" id="example-navbar-collapse">
                    <ul class="nav navbar-nav navbar-right">
                        <li><a href="#">服务介绍</a></li>
                        <li><a href="#">最新案例</a></li>
                        <li><a href="#">关于我们</a></li>
                        <li><a href="#">联系我们</a></li>
                    </ul>
                </div>
            </div>
        </nav>
    </header>
    <!-- 卡片 -->
    <section id="cover">
        <div class="container">
            <div class="card text-center">
                <div>
                    <p>CRE<br>ATIV<br>ITY.</p>
                </div>
                <a href="#services" class="scrollto"><i class="glyphicon glyphicon-chevron-down" aria-hidden="true"></i></a>
            </div>
        </div>
    </section>
    <!--  -->
    <section id="services">
        <div class="container">
            <div class="title">
                <h4 class="text-center">服务介绍</h4>
                <div></div>
            </div>
            <div class="row">
                <div class="col-md-3 col-sm-6">
                    <div class="service-icon"><i class="glyphicon glyphicon-apple one"></i></div>
                    <h4>品牌</h4>
                    <p>根据品牌文化、价值观和差异性制定品牌策略，设计LOGO/VI系统；我们以前瞻性的眼光创造独特的品牌认同</p>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="service-icon"><i class="glyphicon glyphicon-heart one"></i></div>
                    <h4>包装</h4>
                    <p>包装设计的好坏，对于产品至关重要，直接关系产品的市场表现；我们拥有丰富的成功案例，专业且追求极致</p>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="service-icon"><i class="glyphicon glyphicon-pencil one"></i></div>
                    <h4>广告</h4>
                    <p>广告创意、宣传物料设计对于线上线下市场活动必不可少；快速反应和超强的执行力是我们对客户的郑重承诺</p>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="service-icon"><i class="glyphicon glyphicon-star one"></i></div>
                    <h4>网站</h4>
                    <p>互联网是一个变化、持续创新的互动平台；我们应用最新的设计理念和技术方案，助您高效的连接每一位客户</p>
                </div>
            </div>
        </div>
    </section>
    <!-- 证券 -->
    <section id="portfolio">
        <div class="container">
            <div class="col-lg-3 col-md-4 col-sm-6 col">
                <div class="content">
                    <img src="img/01.jpg" class="img-responsive" alt="">
                    <div class="hover-mask">
                        <h2 class="project-title">途家盛捷服务公寓</h2>
                        <p>品牌（LOGO/VI）</p>
                    </div>
                    <div class="sr-only project-description">
                        品牌（LOGO/VI）
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-4 col-sm-6 col">
                <div class="content">
                    <img src="img/02.jpg" class="img-responsive" alt="">
                    <div class="hover-mask">
                        <h2 class="project-title">MODELAB/爱慕内衣</h2>
                        <p>品牌（LOGO/VI）</p>
                    </div>
                    <div class="sr-only project-description">
                    品牌（LOGO/VI）
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-4 col-sm-6 col">
                <div class="content">
                    <img src="img/03.jpg" class="img-responsive" alt="">
                    <div class="hover-mask">
                        <h2 class="project-title">觉</h2>
                        <p>品牌（LOGO/VI）</p>
                    </div>
                    <div class="sr-only project-description">
                    品牌（LOGO/VI）
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-4 col-sm-6 col">
                <div class="content">
                    <img src="img/04.jpg" class="img-responsive" alt="">
                    <div class="hover-mask">
                        <h2 class="project-title">CNZCO兴宇中科</h2>
                        <p>品牌（LOGO/VI）</p>
                    </div>
                    <div class="sr-only project-description">
                    品牌（LOGO/VI）
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-4 col-sm-6 col">
                <div class="content">
                    <img src="img/05.jpg" class="img-responsive" alt="">
                    <div class="hover-mask">
                        <h2 class="project-title">同仁堂保健酒</h2>
                        <p>包装</p>
                    </div>
                    <div class="sr-only project-description">
                包装
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-4 col-sm-6 col">
                <div class="content">
                    <img src="img/06.jpg" class="img-responsive" alt="">
                    <div class="hover-mask">
                        <h2 class="project-title">伊利乳品</h2>
                        <p>包装</p>
                    </div>
                    <div class="sr-only project-description">
                包装
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-4 col-sm-6 col">
                <div class="content">
                    <img src="img/07.jpg" class="img-responsive" alt="">
                    <div class="hover-mask">
                        <h2 class="project-title">雀巢咖啡</h2>
                        <p>包装</p>
                    </div>
                    <div class="sr-only project-description">
                包装
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-4 col-sm-6 col">
                <div class="content">
                    <img src="img/08.jpg" class="img-responsive" alt="">
                    <div class="hover-mask">
                        <h2 class="project-title">雀巢礼盒</h2>
                        <p>包装</p>
                    </div>
                    <div class="sr-only project-description">
                包装
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-4 col-sm-6 col">
                <div class="content">
                    <img src="img/09.jpg" class="img-responsive" alt="">
                    <div class="hover-mask">
                        <h2 class="project-title">雀巢广告</h2>
                        <p>广告</p>
                    </div>
                    <div class="sr-only project-description">
                广告
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-4 col-sm-6 col">
                <div class="content">
                    <img src="img/10.jpg" class="img-responsive" alt="">
                    <div class="hover-mask">
                        <h2 class="project-title">沃尔沃</h2>
                        <p>广告</p>
                    </div>
                    <div class="sr-only project-description">
                广告
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-4 col-sm-6 col">
                <div class="content">
                    <img src="img/11.jpg" class="img-responsive" alt="">
                    <div class="hover-mask">
                        <h2 class="project-title">黑猫神蚊香</h2>
                        <p>广告</p>
                    </div>
                    <div class="sr-only project-description">
                广告
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-4 col-sm-6 col">
                <div class="content">
                    <img src="img/12.jpg" class="img-responsive" alt="">
                    <div class="hover-mask">
                        <h2 class="project-title">上京东抢零食</h2>
                        <p>广告</p>
                    </div>
                    <div class="sr-only project-description">
                广告
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-4 col-sm-6 col">
                <div class="content">
                    <img src="img/13.jpg" class="img-responsive" alt="">
                    <div class="hover-mask">
                        <h2 class="project-title">安师傅</h2>
                        <p>广告</p>
                    </div>
                    <div class="sr-only project-description">
                广告
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-4 col-sm-6 col">
                <div class="content">
                    <img src="img/14.jpg" class="img-responsive" alt="">
                    <div class="hover-mask">
                        <h2 class="project-title">M&amp;M豆</h2>
                        <p>广告</p>
                    </div>
                    <div class="sr-only project-description">
                广告
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-4 col-sm-6 col">
                <div class="content">
                    <img src="img/15.jpg" class="img-responsive" alt="">
                    <div class="hover-mask">
                        <h2 class="project-title">大众点评玩转迪拜</h2>
                        <p>网站</p>
                    </div>
                    <div class="sr-only project-description">
                            网站
                    </div>
                </div>
            </div>
            
        </div>
    </section>
    <section id="about">
        <div class="container">
            <div class="title">
                <h4 class="text-center">关于我们</h4>
                <div></div>
            </div>
            <div class="row">
                <div class="col-sm-6 logo scrollimation fade-right in">
                    <h1>MEWE<span>IDEA.COM</span></h1>
                    <h4>觅未创意™</h4>
                    <div class="addr scrollimation fade-right d2 in">
                        <address>
                        北京市朝阳区酒仙桥路14号兆维工业园C3座<br>
                        <span class="hidden-xs">电话：</span><i class="fa fa-phone visible-xs-inline" aria-hidden="true"></i>+86-10-80813586<br>
                        <span class="hidden-xs">邮箱：</span>business@meweidea.com
                        </address>
                    </div>
                </div>
                <div class="col-sm-6 slogon scrollimation fade-left d1 in">
                    <p>我们是领先的品牌咨询&amp;服务平台，由各领域精英组成，包括国际4A美术指导，知名设计公司设计总监、策略总监，知名互联网公司UI负责人、技术主管；</p>
                    <p>我们是一支经验丰富、具有国际化视野和创新能力的团队；</p>
                    <p>我们坚持“与梦想者同行”，致力于成为“从中国制造到中国创造”这场变革的重要参与者。</p>
                    <div class="city text-right scrollimation fade-left d3 in">
                        <img src="img/city.png">
                    </div>
                </div>
            </div>
           
        </div>
    </section>
    <section id="users" class="text-center"style="padding-bottom: 135px;">
        <div class="container">
            <div id="myCarousel" class="carousel slide">
                <!-- 轮播（Carousel）指标 -->
                <ol class="carousel-indicators">
                    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                    <li data-target="#myCarousel" data-slide-to="1"></li>
                    <li data-target="#myCarousel" data-slide-to="2"></li>
                    <li data-target="#myCarousel" data-slide-to="3"></li>
                    <li data-target="#myCarousel" data-slide-to="4"></li>
                </ol>
                <!-- 轮播（Carousel）项目 -->
                <div class="carousel-inner">
                    <div class="item active">
                        <img src="img/duyan.png" class="center-block" alt="First slide">
                        <h4>杜燕 / 创意执行总监</h4>
                        <p>
                            曾就职于法国阳狮，日本电通等知名4A广告公司；服务客户：雀巢，联想，中粮，索尼爱立信，万科等；擅长：品牌梳理与定位、视觉设计、包装设计
                        </p>
                    </div>
                    <div class="item">
                        <img src="img/xiaofu.png" alt="Second slide" class="center-block">
                        <h4>杜燕 / 创意执行总监</h4>
                        <p>
                            曾就职于法国阳狮，日本电通等知名4A广告公司；服务客户：雀巢，联想，中粮，索尼爱立信，万科等；擅长：品牌梳理与定位、视觉设计、包装设计
                        </p>
                    </div>
                    <div class="item">
                        <img src="img/pony.png" alt="Third slide" class="center-block">
                        <h4>杜燕 / 创意执行总监</h4>
                        <p>
                            曾就职于法国阳狮，日本电通等知名4A广告公司；服务客户：雀巢，联想，中粮，索尼爱立信，万科等；擅长：品牌梳理与定位、视觉设计、包装设计
                        </p>
                    </div>
                    <div class="item">
                        <img src="img/hcx.png" alt="Third slide" class="center-block">
                        <h4>杜燕 / 创意执行总监</h4>
                        <p>
                            曾就职于法国阳狮，日本电通等知名4A广告公司；服务客户：雀巢，联想，中粮，索尼爱立信，万科等；擅长：品牌梳理与定位、视觉设计、包装设计
                        </p>
                    </div>
                    <div class="item">
                        <img src="img/vian.png" alt="Third slide" class="center-block">
                        <h4>杜燕 / 创意执行总监</h4>
                        <p>
                            曾就职于法国阳狮，日本电通等知名4A广告公司；服务客户：雀巢，联想，中粮，索尼爱立信，万科等；擅长：品牌梳理与定位、视觉设计、包装设计
                        </p>
                    </div>
                </div>
                <!-- 轮播（Carousel）导航 -->
                <!-- <a class="carousel-control left" href="#myCarousel" data-slide="prev"> <span _ngcontent-c3="" aria-hidden="true"
                        class="glyphicon glyphicon-chevron-right"></span></a>
                <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a> -->
            </div>
        </div>
    </section>
    <section id="contact">
        <div class="container-fluid dark-bg text-center">
            <div class="container text-center clients">
            <img src="img/1.png">
            <img src="img/2.png">
            <img src="img/3.png">
            <img src="img/4.png">
            <img src="img/5.png">
            <img src="img/6.png">
            <img src="img/8.png">
            <img src="img/9.png">
            <img src="img/10.png">
            <img src="img/11.png">
            <img src="img/12.png">
            <img src="img/7.png">
            </div>
    <!--
            <div id="quotes" class="container quotes">
            
            </div>
    //-->
            <div id="wechat" class="contact-btn container scrollimation scale-in in">
            <img src="img/wechat.jpg">
                        <h4>详细服务及报价，请扫二维码加入我们的微信服务号进行咨询</h4>
            <p>或</p>
            <p>微信搜索公众号：觅未创意</p>
            </div>
        </div>
    </section>
</body>
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</html>